import { Menu, Layout, Col, Skeleton } from 'antd'
import { Suspense } from "react"
const { Sider, Content } = Layout
import Header from './Header'

import { useNavigate ,Outlet } from 'react-router-dom'

import { items } from './config'

import LiveRoom from '../liveRoom'

const siderStyle = {
    position: 'sticky',
    top: 0,
    height: '100%',
    maxHeight: '100vh',
    overflow: 'hidden'
  }

  const pathnameSplit = location.pathname.split('/')
  const siderSpan = pathnameSplit?.length <= 2 ? 4 : 0

  

const Home = () => {
    const navigate = useNavigate()
    function onMenuClick({ key }) {
        navigate(key)
    }

    return (
        <LiveRoom></LiveRoom>
    )
}

export default Home
